<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="layui/css/layui.css"  rel="stylesheet" />
	</head>
	<body>
		
	<H1>layer存在回调函数：当提示完后才会跳转页面</H1>
	<H1>layer.msg(""+result.status,{icon:1,time: 2000},function () {
                       	 location.href="/Blog/detail/"+blogId;
                    })	</H1>	



		<button type="button" class="layui-btn" id="btn1">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-primary" id="btn2">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-normal" id="btn3">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-warm" id="btn4">标准的按钮</button>
		<button type="button" class="layui-btn layui-btn-danger" id="btn5">标准的按钮</button>
	</body>
</html>
<script src="layui/layui.js"></script>
<script type="text/javascript">
	layui.use(["layer","jquery"],function(){
		var layer=layui.layer;
		var $=layui.jquery;
		
		//icon图标0-6
		$("#btn1").click(function(){
			layer.alert("测试",{icon:0})
		})
		$("#btn2").click(function(){
			layer.confirm("确定吗？",{icon:3,title:"提示"},function(index){
				//点击确定关闭弹窗
				layer.close(index)
			})
		})
		$("#btn3").click(function(){
			layer.msg("成功",{icon:1})
		})
		$("#btn4").click(function(){
			//0,1,2三种效果,设置为加载1秒
			layer.load(0,{time:1000}); 
		})
		$("#btn5").click(function(){
			//弹出输入框
			layer.prompt(function(value, index, elem){
			  alert(value); //得到value
			  layer.close(index);
			});
		})
		
		
		//模态框的代码
		
//		var mainIndex=layer.open({
//			type:1,
//			title:"模态框",
//			area:['800px','600px'],		//设置模态框的大小
//			content:$("模态框内容的选择器"),	//绑定模态框内容的元素
//			success:function(){
//				//$("模态框内容的选择器")[0].reset();//清空模态框数据，防止下一次打开模态框还会有上一次的数据
//			}
//		})
//		
//		layer.close(mainIndex);//通过索引关闭模态框
//		//如果有表格,需要刷新表格数据
//		//tableIns.reload();//这里的tableIns见数据表格的形参
	})

</script>